.seller-center-container {
  .selling-right-wrap{
    min-height: 583px;
    width: 998px;
    margin: 0 auto;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    .router{
      border-bottom: 1px solid #E5E5E5;
      height: 30px;
      line-height: 30px;
      margin-left: 10px;
      margin-right: 10px;
    }
    .choose{
      margin-left: 20px;
      margin-top: 20px;
      border-bottom: 2px solid #FF4401;
      ul li{
        font-size: 14px;
        color: #3C3C3C;
        float: left;
        height: 40px;
        line-height: 40px;
        width:150px;
        text-align: center;
        background: #E5E5E5;
        cursor: pointer;
        &:first-child{
          margin-right: 10px;
        }
      }
      .active{
        background: #FF4401;
        color:#ffffff;
      }
    }
    .main-top{
      margin-top: 10px;
      line-height: 30px;
      margin-bottom: 10px;
      .btn-text{
        color: #000;
        margin-left: 8px;
      }
      .icon-delete2{
        display: inline-block;
        vertical-align: middle;
        margin-top: -4px;
      }
      .btn-orange{
        float: right;
        text-align: center;
        line-height: 30px;
        margin-right: 50px;
        color:#fF5001;
        background: #FFF0E8;
        border: 1px solid #FFDDCE;
        border-radius: 2px;
        padding: 0 10px 0 10px;
        width: auto;
      }
      .check-box{
        float: left;
        margin-left:20px;
        margin-right: 50px;
        span{
          margin-left: 10px;
        }
      }
    }
    .main-center{
      width: 100%;
      text-align: center;
      .head{
        border-bottom: 1px solid #E5E5E5;
        border-top: 1px solid #E5E5E5;
        text-align: right;
        ul li{
          height: 40px;
          line-height: 40px;
          float: left;
          width: 300px;
        }
        .handel{
          width:240px;
        }
        .time{
          margin-left: 40px;
        }
      }
    }
    .main-inner{
      .domtree{
        margin-bottom: 30px;
        .domtree-level{
          .text-btn{
            font-size: 12px;
            color: #58A1F6;
            margin-left: 10px;
          }

          li{
            &:last-child{
              &:before{
                border-style: none none none none;
              }
              &:after{
                border-style: none none none none;

              }
            }
            i{
              display: inline-block;
              position: relative;
              left: 95px;
              top:-2px;
            }
          }
        }

        .check{
          margin-left: 10px;
        }
        span{
          display: inline-block;
          width: 450px;
          text-align: center;
        }
        button{
          width: 110px;
          height: 30px;
          padding-left: 20px;
          background: #FFF0E8;
          border: 1px solid #E5E5E5;
          margin-left:70px;
          font-size: 14px;
          color: #9C9C9C;
        }
        .dom-input{
          font-size: 14px;
          color: #3C3C3C;
          height: 30px;
          width: 300px;
          margin-left: 60px;
          padding-left: 10px;
          line-height: 30px;
        }
        .first-input{
          margin-left: 3px;
        }
        .first-span{
          margin-left: 33px;
        }
        .text-btn{
          font-size: 12px;
          color: #58A1F6;
          margin-left: 10px;
        }
        i{
          display: inline-block;
        }
        .btn-text{
          font-size: 12px;
          margin-left: 16px;
        }
        .dd{
          &:before{
            position: absolute;
            content: '';
            top: 23px;
            left: 54px;
            width: 0;
            height: 0px;
            border-style: none none solid solid;
            border-width: 1px;
            z-index: 1;
            border-color: #e5e5e5;
          }
          &:after{
            position: absolute;
            content: '';
            top: 17px;
            left: 54px;
            width: 30px;
            height: 0;
            border-style: none none none solid;
            border-width: 1px;
            border-color: #e5e5e5;
          }
        }
        li{
          position: relative;
          margin-top: 15px;
          .up{
            position: relative;
            left: 15px;
            top:10px;
            width: 0;
            height: 0;
            border-width: 6px;
            float: left;
            border-style: solid;
            border-color:  transparent  transparent transparent #000000;
            cursor: pointer;
            transition:0.5s;
            -moz-transition:-moz-transform 0.5s; /* Firefox 4 */
            -webkit-transition:-webkit-transform 0.5s; /* Safari and Chrome */
            -o-transition:-o-transform 0.5s; /* Opera */
            -moz-transform:rotateX(0deg);
            -webkit-transform:rotateX(0deg);
            -o-transform:rotateX(0deg);
            transform:rotateX(0deg);
            filter:FlipV;

          }
          .icon-arrow-black-up{
            margin-left: 13px;
            cursor: pointer;
          }
          .icon-arrow-black-down{
            margin-left: 13px;
            cursor: pointer;
          }
          .down{
            position: relative;
            left: 15px;
            top:10px;
            width: 0;
            height: 0;
            border-width: 6px;
            float: left;
            border-style: solid;
            border-color:  transparent transparent  transparent #000000;
            cursor: pointer;
            transition:0.5s;
            -moz-transition:-moz-transform 0.5s; /* Firefox 4 */
            -webkit-transition:-webkit-transform 0.5s; /* Safari and Chrome */
            -o-transition:-o-transform 0.5s; /* Opera */
            -moz-transform:rotateZ(90deg);
            -webkit-transform:rotateZ(90deg);
            -o-transform:rotateZ(90deg);
            transform:rotateZ(90deg);
            filter:FlipV;
          }

          &:before{
            position: absolute;
            content: '';
            top: 23px;
            left: 54px;
            width: 35px;
            height: 41px;
            border-style: none none solid solid;
            border-width: 1px;
            z-index: 1;
            border-color: #e5e5e5;
          }
            &:after{
              position: absolute;
              content: '';
              top: 17px;
              left: 54px;
              width: 30px;
              height: 48px;
              border-style: none none none solid;
              border-width: 1px;
              border-color: #e5e5e5;
            }



          &:first-child{

            &:before{
              border-style: none none solid none;
            }
          }
        }
      }
    }
    .all-product{
      .product-right{
        float: left;
        width: 155px;
        margin-top: 15px;
        .data-level{
          .icon-arrow-black-up{
            cursor: pointer;
          }
          .icon-arrow-black-down{
            cursor: pointer;
          }
        }

        .active-style{
          color:#FF4401;
        }
        div{
          line-height: 24px;
        }
        .classify-title{
          margin-left: 15px;
          cursor: pointer;
          &:hover{
            color:#FF4401;
          }
        }
        .all-classify{
          &:hover{
            color:#FF4401;
          }
          margin-left: 15px;
          cursor: pointer;
        }
        .not-classify{
          &:hover{
            color:#FF4401;
          }
          margin-left: 15px;
          cursor: pointer;
        }
        ul {
          padding: 0 0 0 30px;
          line-height: 20px;
        }
        .icon-arrow-black-up{
          padding-top: 3px;
        }
        .icon-arrow-black-down{
          padding-top: 3px;
        }
        .level-click{
          cursor: pointer;
          display: inline-block;
          width: 100px;
          overflow: hidden;
          vertical-align: middle;
          white-space: nowrap;
          text-overflow: ellipsis;
          &:hover{
            color:#FF4401;
          }
        }
        .level-2{
          li{
            cursor: pointer;
            display: inline-block;
            width: 100px;
            overflow: hidden;
            vertical-align: middle;
            white-space: nowrap;
            text-overflow: ellipsis;
            &:hover{
              color:#FF4401;
            }
          }
          .active-style{
            color:#FF4401;
          }
        }
      }
      .product-left{
        min-height: 585px;
        float: left;
        border-left: 1px solid #E5E5E5;
        .product-main{
          .product-top{
            height: 50px;
            line-height: 50px;
            border-bottom: 1px solid #E5E5E5;
            ul li{
              float: left;
              width: 120px;
              line-height: 50px;
              text-align: center;

            }
            .classify{
              width: 80px;
              margin-left: 40px;
            }
            .ml-50{
              width:80px;
              margin-left: 50px;
            }
            .price{
              width: 50px;
              margin-left: 105px;
            }
            .ml-30{
              width: 50px;
              margin-left: 30px;
            }
            .db-50{
              width: 50px;
              margin-left: 50px;
            }
          }
          .product-center{
            .center-detail{
              font-size: 12px;
              color: #3C3C3C;
              line-height: 20px;
              border-bottom: 1px solid #E5E5E5;
              padding:5px 0 5px 0;
              .width-80{
                width: 80px;
                img{
                  height: 72px;
                  width: 72px;
                }
              }
              .product-name{
                width: 120px;
                text-align: left;
                margin: 0;
                padding-top: 5px;
              }
              div{
                float: left;
                width: 100px;
                text-align: center;
                margin-top: 25px;
                &:first-child{
                  margin-top: 0;
                }
              }
              .select-model{
                width: 130px;
                margin-left: 10px;
              }
              .read-only{
                margin-left: 10px;
                width: 100px;
                color:#9C9C9C;
                height: 25px;
                padding-left: 8px;
              }
              .data-icon{
                position: relative;
                left: -13px;
                top: -3px;
              }
              .select-box{
                margin: -2px 0 0 12px;
                width: 150px;
                border: 1px solid #e5e5e5;
                text-align: left;
                z-index:9999;
                position: absolute;
                background: #ffffff;
                line-height: 27px;
                display: none;
                p{
                  padding-top:8px ;
                  overflow: hidden;
                  text-overflow:ellipsis;
                  white-space:nowrap;
                }
                ul {
                  padding: 3px 0 3px 3px;
                  li{
                    overflow: hidden;
                    text-overflow:ellipsis;
                    white-space:nowrap;
                    :hover{
                      color:#FF4401 ;
                    }
                  }
                  span{
                    width: 120px;
                    margin-left: 3px;
                    line-height: 10px;

                  }
                }
              }
            .text-btn{
              font-size: 12px;
              color: #58A1F6;
              margin-left: 10px;
            }
            }
          }
        }

      }
    }

  }
}
